<template>
    <div class="echarts-page">
        <h2>ECharts Page</h2>
        <EchartLine :data="lineData"></EchartLine>
    </div>
</template>
<script setup lang="ts">
import EchartLine from '@/components/EchartLine/index.vue'
import { ref } from 'vue'
const lineData = ref<{ x: string; y: number; z: string; }[]>([])
setTimeout(() => {
    lineData.value = [
        { x: '1', y: 23, z: '小明' },
        { x: '2', y: 20, z: '小明' },
        { x: '3', y: 2, z: '小明' },
        { x: '4', y: 2, z: '小明' },
        { x: '1', y: 32, z: '小红' },
        { x: '2', y: 10, z: '小红' },
        { x: '3', y: 21, z: '小红' },
        { x: '4', y: 14, z: '小红' },
    ]
    const zList = new Array(1 + Math.floor(Math.random() * 6)).fill(null).map(() => Math.floor(Math.random() * 6))
}, 3 * 1000)
</script>
<style lang="scss" scoped>
.echarts-page {
}
</style>
